* {
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
}
 .container{
                width: 406px;
                height: 200px;
                margin-top: 20px;
                margin-top: 20px;
                margin-left: 20px;
                position: absolute;
                overflow: hidden;
                box-shadow: 2px 4px 2px gray;
                border-radius: 1px;
                
            }
           .container > .backgroundLayer{
                position: absolute;
                height: 103%;
                width: 103%;
                background-image: url(tu1.jpg);
                background-position: center;
                background-size: 100%;
                border-radius: 1px;
                left: -4px;
                top: -4px;
                
               
                
            }
            .container:hover > .backgroundLayer{
                filter: blur(2px);
                background-size: 105%;
            }
            
            @keyframes bgBlurAnimation
            {
                0%{
                    filter: blur(0px);
                    background-size: 100%;;
                }
                100%{
                    filter: blur(2px);
                    background-size: 105%;
                }
            }
            
            @keyframes bgBlurAnimation_r
            {
                100%{
                    filter: blur(0px);
                    background-size: 100%;;
                }
                0%{
                    filter: blur(2px);
                    background-size: 105%;
                }
            }
           .container >.text{
               position: absolute;
               background-color: rgba(255,255,255,0.3);
               z-index: 1;
               width: inherit;
               height: 32px;
               line-height: 32px;
               text-align: right;
               bottom: 0px;
               
               
           } 
            .container:hover >.text
            {
                height: 72px;
            }
            
            @keyframes texMoveAnimation{
                0%{
                    height: 32px;
                    
                }
                100%{
                    height: 72px;
                }
            }
            @keyframes texMoveAnimation_r{
                1000%{
                    height: 32px;
                    
                }
                0%{
                    height: 72px;
                }
            }
            
            .container .text.textMoveDown
            {
                animation: texMoveAnimation 1s backwards;
            }